/**
 * Dear programmer:
 * When I wrote this code, only god and I knew how it worked.
 * Now, only god knows it!
 *
 * @author: Pegasus  Date: 2018/11/24 Time: 14:01
 */

import {StyleSheet} from 'react-native';
import {
    COLOR_GRAY_BACKGROUND,
    COLOR_GRAY_LINE,
    COLOR_WHITE,
    FONT_COLOR_SUB_TITLE,
    FONT_COLOR_TITLE,
    FONT_SIZE_SUB_TITLE,
    FONT_SIZE_TITLE
} from "../../../constant/PHColors"
import {SCREEN_WIDTH} from "../../../constant/PHScreen";
import {Header} from "react-navigation";

export const styles = StyleSheet.create({

    container: {
        flex: 1,
        backgroundColor: '#ffffff'
    },

    scrollView: {
        flex: 1,
        backgroundColor: '#ffffff',
    },

    roomDiskBox:{
        flexWrap: 'wrap',
        flexDirection: 'row',
        justifyContent: 'flex-start',
        borderLeftWidth: 5,
        borderRightWidth: 5,
        borderColor: '#ffffff',
    },

    cellFloorView:{
        height: 40,
        flexDirection: 'row',
        borderColor: '#ffffff',
        borderTopWidth: 0,
        borderBottomWidth: 5,
        backgroundColor:COLOR_GRAY_BACKGROUND,
        width:SCREEN_WIDTH-10,
    },

    cellFloorText:{
        flex: 1,
        marginLeft: 5,
        marginTop: 5,
        fontSize: FONT_SIZE_TITLE,
        color: FONT_COLOR_SUB_TITLE
    },

    cellFloorBtn:{
        flex: 1,
        marginRight: 5,
        textAlign:'right',
    },

    cellView: {
        height: 60,
        flexDirection: 'row',
        borderColor: '#ffffff',
        borderWidth: 3,
        backgroundColor:'rgb(165, 202, 159)',
        width:(SCREEN_WIDTH-10)/3,
    },

    cellLeftView: {
        flex:0.5,
    },

    cellRightView: {
        flex:0.5,
    },

    cellRoomDiskView: {
        flex: 1,
        flexDirection: 'column',
    },

    cellLeftTopView: {
        flex: 1,
        justifyContent: 'flex-end',
        alignItems: 'flex-start',
        position:'absolute',
    },

    cellRightIconView:{
        top:1,
        right:1,
        position:'absolute',
    },

    cellLeftMidView:{
        flex: 1,
        justifyContent: 'center',
        alignItems: 'flex-start',
        position:'absolute',
        top:20,
    },

    cellBottomView: {
        flex: 0.8,
        justifyContent: 'flex-start',
        alignItems: 'flex-start',
        position:'absolute',
        bottom:3,
    },

    cellBottomRightView:{
      flex:0.2,
        position:'absolute',
        justifyContent: 'flex-end',
        alignItems: 'flex-end',
        bottom:3,
        right:3,
    },

    cellLeftTopText: {
        marginLeft: 5,
        fontSize: 19,
        color: FONT_COLOR_TITLE
    },

    cellLeftMidText: {
        marginLeft: 5,
        fontSize: 13,
        color: '#5f5f5f'
    },

    cellRightBottomText: {
        marginLeft: 5,
        marginTop: 2,
        fontSize: 14,
        color: FONT_COLOR_TITLE
    },

    cellLeftImage: {
        width: 50,
        height: 50,
        marginLeft: 15
    },

    room_status_skip:{
        width:10,
        height:18,
    },

    multiBtn:{
        height: 40,
        width:(SCREEN_WIDTH-40-2)/4,
        color:'#fff',
        opacity:1,
        borderRightWidth: 2,
        borderColor: '#FAFAFA',
    },

    multiBackBtn:{
        height: 40,
        width:40,
        justifyContent: 'center',
        flexDirection:'row',
        paddingTop:5,
    },


    cellBoxLeft: {
        height: 40,
        width: SCREEN_WIDTH * 4 / 12,
        flexDirection: 'row',
        backgroundColor: COLOR_WHITE,
        borderColor: COLOR_GRAY_LINE,
        borderLeftWidth: 0,
        borderTopWidth: 0,
        borderRightWidth: 0,
        borderBottomWidth: 0
    },

    cellBoxRight: {
        height: 40,
        width: SCREEN_WIDTH * 2 / 12,
        flexDirection: 'row',
        backgroundColor: COLOR_WHITE,
        borderColor: COLOR_GRAY_LINE,
        borderLeftWidth: 2,
        borderTopWidth: 0,
        borderRightWidth: 0,
        borderBottomWidth:0
    },

    cellBoxCenter: {
        height: 40,
        width: SCREEN_WIDTH * 6 / 12,
        flexDirection: 'row',
        backgroundColor: COLOR_WHITE,
        borderColor: COLOR_GRAY_LINE,
        borderLeftWidth: 0,
        borderTopWidth: 0,
        borderRightWidth: 0,
        borderBottomWidth:0
    },

    cellRight: {
        flex: 1,
        marginLeft: 0
    },

    cellRightTop: {
        flex: 1,
        borderTopRightRadius: 5,
        alignItems:'center',
        justifyContent: 'center',
        flexDirection:'row',
    },

    cellTitleText: {
        fontSize: FONT_SIZE_TITLE,
        color: FONT_COLOR_TITLE,
        marginBottom: 1,
        textAlign:'center',
        justifyContent: 'center',
    },

    multiBtnText:{
        fontSize: FONT_SIZE_TITLE,
        color: '#5d5d5d',
        textAlign:'center',
        justifyContent: 'center',
        opacity: 1,
    },

    checkmodalContainer:{
        flex: 1,
        // backgroundColor: 'rgba(0, 0, 0, 0.5)'
    },

    checkModalBody:{
        top:Header.HEIGHT+45,
        height: 40,
        right:5,
        width:120,
        backgroundColor:'white',
        borderRadius:3,
        position:'absolute',
        borderWidth:2,
        borderColor:'#f6f6f6',
        flexDirection:'column',
        padding:5,
    },

    checkModalLine: {
        flexDirection:'row',
        height: 30,
        justifyContent: 'flex-start',
        alignItems: 'center',
    },
})